<template>
  <van-tabbar 
      route  
      v-model="active" 
      active-color="#f50" 
      inactive-color="#999"> 
        <van-tabbar-item
           replace 
           :to="{name:l.name}" 
           :badge="l.hot?cartNum:null" 
           v-for="(l,i) in footList" 
           :key="i"
          >
          <span> {{l.text}}</span>
          <template #icon="props">
              <i class="iconfont" :class="l.icon"> </i>
          </template>
      </van-tabbar-item>
  </van-tabbar>
</template>


<script>
export default {
  name:"vanfoot",
  data(){
    return {
      active:0
    }
  }
}
</script>

